<template>
	<ul>
		<li v-for="(item, index) in arr" :key="index">{{ item }}</li>
		<!-- <li>美女</li>
		<li>程序员</li> -->
	</ul>
	<!-- '美女', '程序猿', '帅哥' -->
	<button @click="orderArr">走一走</button>
</template>

<script setup>
import { reactive } from 'vue'
const arr = reactive(['帅哥', '美女', '程序猿'])
const orderArr = () => {
	let temp = arr[0]  // 临时保存下第一个元素
	arr.shift() // 删除第一个元素
	arr.push(temp) // 添加到最后
}
</script>

<style scoped>
	
</style>